<template>
  <div class="top">
    <img  class="touxiang" src="../../../assets/img/profile/avatar.svg" alt="">
    <div class="login">
      <h2>登录/注册</h2>
      <div>
        <img src="../../../assets/img/profile/phone.svg" alt="">
        <span>暂无绑定手机号</span>
      </div>
    </div>
    <div class="go">></div>
  </div>
</template>

<script>
export default {
  name: 'Profiletop',

  data() {
    return {
      
    };
  },

  mounted() {
    
  },

  methods: {
    
  },
};
</script>

<style lang="css" scoped>
.top{
  height: 55vw;
  background-color: rgb(252, 144, 162);
  position: relative;
  box-shadow: 0px 1px 10px black;
}
.top .touxiang{
  height: 28vw;
  position: absolute;
  top: 15vw;
  left: 8vw;
}
.login{
  position: absolute;
  top: 22vw;
  left: 40vw;
  color: #fff;
}
.login div{
  height: 10vw;
  /* border: 1px solid black; */
  line-height: 10vw;
}

.login img{
  height: 5vw;
  margin-top: 3vw;
}
.go{
  font-size: 15vw;
  position: absolute;
  right: 3vw;
  top: 18vw;
}
</style>